.custom-btn{font-weight:400;cursor:pointer}.custom-btn.btn-icon{display:flex;gap:.5rem;justify-content:center;align-items:center}.custom-btn.btn-icon.btn-size-s .icon{width:16px;height:16px}.custom-btn.btn-icon.btn-size-m .icon{width:20px;height:20px}.custom-btn.btn-icon.btn-size-l .icon{width:25px;height:25px}.custom-btn.btn-icon.btn-size-xl .icon{width:30px;height:30px}.custom-btn.btn-icon .icon{-o-object-fit:contain;object-fit:contain}.custom-btn.btn-size-s{height:24px;min-height:1.5rem;padding:0 .5rem;border-radius:6px;font-size:12px}.custom-btn.btn-size-m{min-height:30px;padding:0 .75rem;border-radius:8px;font-size:14px}.custom-btn.btn-size-l{min-height:36px;padding:0 1rem;border-radius:8px;font-size:16px}.custom-btn.btn-size-xl{min-height:42px;padding:0 1.5rem;border-radius:8px;font-size:18px}.custom-btn.btn-width-m{width:140px}.custom-btn.btn-width-l{width:180px}.custom-btn.btn-width-xl{width:100%}.custom-btn.primary-gradient{background:var(--primary-button-color-1);color:var(--primary-button-font-color)}.custom-btn.secondary-gradient{background:var(--secondary-button-color-1);color:var(--secondary-button-font-color)}.custom-btn.primary{border-color:var(--primary-button-color-1);background-color:var(--primary-button-color-1);color:var(--theme-font-color)}.custom-btn.secondary{border-color:var(--primary-button-color-2);background-color:var(--primary-button-color-2);color:var(--theme-font-color)}.custom-btn.tertiary{background:linear-gradient(180deg,#444444 0%,#222222 100%);border:1px solid;border-image-source:linear-gradient(180deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,0) 100%);box-shadow:0 -3px 6px #00000040 inset;color:#fff}.custom-btn.success{border-color:var(--success-color);background-color:var(--success-color);color:#fff}.custom-btn.warning{border-color:var(--warning-color);background-color:var(--warning-color);color:var(--theme-font-color)}.custom-btn.danger{border-color:var(--danger-color);background-color:var(--danger-color);color:var(--theme-font-color)}.custom-btn.black{border-color:#000;background-color:#000;color:#fff}.custom-btn.line{border-color:transparent;background:linear-gradient(180deg,#8fd58f 0%,#0cca0c 100%);color:#000}.custom-btn.white{border-color:#fff;background-color:#fff;color:#000}.custom-btn.btn-loading{pointer-events:none;position:relative;overflow:hidden;color:#fff;border-color:var(--secondary-color);background-color:var(--secondary-color);cursor:not-allowed}.custom-btn.btn-loading:before{position:absolute;background:rgba(0,0,0,.7);content:"";top:0;left:0;width:100%;height:100%}.custom-btn.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;border:2px solid transparent;border-top:2px solid #fff;border-radius:50%;animation:spinspinspin 1s linear infinite}.custom-btn.btn-disable{pointer-events:none;position:relative;color:#fff;border-color:var(--secondary-color);background-color:var(--secondary-color);cursor:not-allowed}.custom-btn.btn-disable:before{position:absolute;background:rgba(0,0,0,.7);border-radius:inherit;content:"";top:0;left:0;width:100%;height:100%}@media (hover: hover){.custom-btn.btn-disable:hover{border-color:var(--secondary-color);background-color:var(--secondary-color)}}@keyframes spinspinspin{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}